<template>
	<view class="">	
	<view v-if=" userInfo==5">
	<ComponentA></ComponentA>
	</view>
	<view v-else-if=" userInfo==6 ">
<ComponentB></ComponentB>
	</view>
	<view v-else-if=" userInfo==7 ">
    <ComponentC></ComponentC>
	</view>
	<view v-else=" userInfo==8 ">
  <ComponentD></ComponentD>
	</view>	
	</view>
</template>
<script>
	import {
		ref,
		computed,
		reactive,
		toRefs
	} from 'vue'
	import {
		mapState
	} from 'vuex'
	import   ComponentA from'../useradmin/useradmin.vue'
	import   ComponentB from'../slsy/slsy.vue'
	import   ComponentC from'../meterLogin/meterLogin'
	import   ComponentD from'../check/check.vue'
	export default {
		setup() {
			let data = reactive({
				title: 'hello', 
				
			});		
			return {
				...toRefs(data)
			};
		},
		computed: mapState('chaobiao', ['a', 'b','userInfo']),	
		onLoad(){
	
		},
		methods: {
			
			
			
			},
			components: {
			   ComponentA,
			    ComponentB, 
				ComponentC
				, ComponentD
			 }
			
		}
	
</script>

<style>

</style>
